<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <include file="public@head"/>
</head>

<include file="public@nav"/>

<style type="text/css">
    .head-nav {
        position: absolute;
        right: 115px;
        width: 455px;
        display: none;
    }

    .head-nav li {
        float: left;
        margin-left: 54px;
    }

    .head-nav a {
        font-size: 16px;
        color: #000;
        font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
        line-height: 30px;
    }

    .head-block {
        display: block;
    }

    @media screen and (max-width: 1620px) {
        .head-nav {
            right: 120px;
            width: 350px;
        }

        .head-nav li {
            margin-left: 40px;
        }

        .head-nav a {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 1390px) {
        .head-nav {
            right: 100px;
            width: 330px;
        }

        .head-nav li {
            margin-left: 40px;
        }

        .head-nav a {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 1200px) {
        .head-nav {
            display: none;
        }

    }
</style>

<div class="about">
    <div class="about1 clear">
        <div class="about1-left">
            ABOUT US
        </div>
        <div class="about1-right clear">
            <div class="about1-1">
                <p><span style="color: #333333;"><span class="syl">专注品牌策划/创意设计 更懂品牌/价值 
                </span> </span></p>
                <p><span style="color: #333333;"><span
                        class="syl">从我们手中送出的作品，我们始终坚持原创。只有原创的作品才是对设计者、客户的尊重。</span></span>&nbsp;<a
                        name="youshi"></a>
                </p>
                <p><span style="color: #333333;"><span class="syl">我们始终以客户至上，追求最专业，最用心的服务，为客户量身打造完美的品牌形象。</span></span>&nbsp;<a
                        name="youshi"></a>
                </p>
            </div>
            <div class="about1-2">
                <h3>团队</h3>
                <p><span style="color: #808080;"> 我们有一支追求卓越、专注设计的设计师团队。 &nbsp;</span>
                </p>
                <p><span style="color: #808080;"> 其中，多名设计师曾在全国设计竞赛中多次获奖，作品遍布全国各个大型节会、组织、学校厂矿、企事业等</span><br/><span
                        style="color: #808080;"></span>
                </p>
                <p><span
                        style="color: #808080;">同时接受过新浪网、重庆时报、佛山日报、扬州晚报、浙江人民广播电台、沂蒙晚报、鲁南商报等多家媒体的采访和报道</span><br/><br/><span
                        style="color: #808080;">这是我们收获的财富，同时也是我们更好为您们服务的实力见证。</span>
                </p>
            </div>
            <div class="about1-3">
                <h3>我们优势</h3>
                <p><span style="font-size: 16px; color: #808080;">项目设计总监： 李波 </span><br/><span style="color: #808080;"> 西安美术学院设计系毕业，从事设计工作近20年，在国内外多个设计大赛中获奖。 </span><br/><span
                        style="color: #808080;"><br/> 吉祥物IP形象代表作: </span>
                </p>
                <p><span style=" color: #808080;"><span style="color: #808080;">  ◎第十三届亚洲轮滑世锦赛 吉祥物IP形象</span><br/> ◎第九届中国花卉博览会吉祥物IP形象&nbsp;</span><br/><span
                        style="color: #808080;">  ◎环洞庭湖国际新能源汽车拉力赛吉祥物IP形象  </span><br/><span
                        style="color: #808080;"> ◎中国设计节吉祥物IP形象 </span><br/><span
                        style="color: #808080;"> ◎海口城市吉祥物IP形象</span>
                </p>
                <p><span style=" color: #808080;">◎中国-新加坡吉林食品区吉祥物IP形象  </span><br/><span style="color: #808080;"> ◎三清山世界地质公园吉祥物IP形象 </span><br/><span
                        style="color: #808080;">  ◎云南苍山洱海景区吉祥物IP形象 </span><br/><span
                        style="color: #808080;">  ◎中国扬州“烟花三月”国际经贸旅游节吉祥物</span></p>
                <p><span style=" color: #808080;">◎重庆第三届花卉博览会吉祥物   </span><br/><span style="color: #808080;"> ◎浙江人民广播电台107广播吉祥物 </span><br/><span
                        style="color: #808080;">   ◎临沂书圣文化节吉祥物 </span><br/></p>
            </div>
        </div>
    </div>
    <div class="new-about">
<!--        <div class="new-about-fixed"-->
<!--             style="background-image: url(https://cdn1.hzvis.com/upfile/image/2018/08/1534746608_5338.jpg);background-attachment: fixed;"></div>-->
        <div class="new-about-content clear">
            <p><span style="color: #808080;">干净、整洁、值得信任，从不花哨。</span><br/><span style="color: #808080;">我们尊重每个品牌独有的气质，它会通过语言、文字、视觉以不同的形式展现在眼前。</span><br/><span
                    style="color: #808080;">请相信接触灵鹿的第一感觉，我们一直如此，始终如此。</span><br/><br/><span style="color: #808080;">Clean, organized, trustworthy and prudent. </span><br/><span
                    style="color: #808080;">Every brand has its own identity and we respect every single one of them. We are like programmers we make the most suitable codes for brands. That is what we have been doing and what we will be doing.</span>
            </p></div>
    </div>


</div>

<include file="public@footer"/>

<a href="javascript:;" class="back2top"></a>

</body>
<style type="text/css">
    .about1 {
        margin-bottom: 150px;
    }

    .about1 .about1-right {
        width: 850px;
        /* margin-right: -9px; */
    }

    .new-about {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .new-about-content {
        margin: 108px auto;
    }

    .new-about img {
        display: block;
    }

    .new-about-fixed {
        height: 1000px;
        width: 96%;
        margin: 0 auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }

    .new-about-content > p {
        margin-left: 47.917%;
        width: 39.739%
    }

    .new-about-content > p:nth-child(1) {
        margin-bottom: 63px;
    }

    .about3 {
        width: 100%;

    }

    .newabout3 {
        margin-top: 165px;
    }

    .about3-3 img {
        margin: 41px 0 175px;
        display: block;
    }

    .about3 .about3-right {
        margin-right: -24px;
    }

    .about3 .about3-right {
        float: none;
        margin-left: 47.917%;
        width: 50%
    }

    .about3 .about3-4 {
        width: 80%
    }

    @media screen and (max-width: 1920px) {
        .about1 {
            margin-bottom: 96px;
        }

        .about1 .about1-right {
            width: 640px;
        }

        .new-about-content {
            margin: 108px auto;
        }

        .new-about-content > p {
            font-size: 12px;
        }

        .new-about-content p:nth-child(1) {
            margin-bottom: 56px;
        }

        .about1 .about1-right {
            margin-right: -41px;
        }

        .new-about-fixed {
            height: 800px;
        }

        .newabout3 {
            margin-top: 0px;
        }

        .about3 .about3-right {
            float: none;
            margin-left: 47.917%;
            width: 50%
        }

        .about3 .about3-4 {
            width: 80%
        }

        .about3-3 {
            margin-bottom: 25px;
            margin-top: 0px;
        }

        .about3-3 img {
            margin: 41px 0 100px;
        }
    }

    @media screen and (max-width: 1440px) {
        .new-about-content {
            margin: 80px auto 80px;
        }

        .new-about {
            margin-top: 120px;
        }
    }

    @media screen and (max-width: 1200px) {
        /* .new-about-content p{width: 640px;} */
    }

    @media screen and (max-width: 750px) {
        .about1 {
            margin-bottom: 35px;
        }

        .about1 .about1-right {
            width: 100%;
            margin-right: 0px;
        }

        .new-about {
            margin-top: 20px;
            width: 94%
        }

        .new-about-content {
            width: 100%;
            margin: 32px auto
        }

        .new-about-content > p {
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
        }

        .new-about-content p:nth-child(1) {
            margin-bottom: 26px;
        }

        .new-about-fixed {
            background-attachment: scroll !important;
            height: 200px !important;
        }

        .new-about .about3 {
            width: 100% !important;
        }

        .about3 {
            width: 94%;
            margin-top: 50px !important;
        }

        .about3-3 img {
            margin: 30px 0;
            width: 100%;
            height: auto
        }

        .about3 .about3-right {
            margin-left: 0px;
            width: 100%;
            margin-right: 0px;
        }
    }
</style>
<script type="text/javascript">
    $(function () {
        $("#share").hover(function () {
            $(this).find(".share-list").addClass("active");
        }, function () {
            $(this).find(".share-list").removeClass("active");
        });

    });
</script>
</html>